/*中间内容样式*/

.container {
	background-color: #e5e5e5;
	width: 100%;
}


/*内容*/

.container .content {
	margin-top: 50px;
}

.container .content ul {
	/*ul去点*/
	list-style: none;
}

.Cul {
	margin: -15px 0 0 -15px;
	overflow: hidden;
	width: 900px;
	float: left;
}


/*li*/

.container .content ul>li {
	float: left;
	margin: 15px 0 0 15px;
	width: 265px;
	height: 170px;
	padding-left: 20px;
	background-color: #FFFFFF;
	position: relative;
}

.container .img {
	width: 290px;
	height: 355px;
	background: url(../images/img_2.png) no-repeat;
	background-size: 100% 100%;
	float: right;
}

img {
	width: 100%;
	vertical-align: middle;
	height: 100%;
}


/**************中间***************/

.city {
	float: left;
	margin: 44px;
	/*padding: 15px;*/
	width: 240px;
	height: 300px;
	background-color: white;
	/*border: 1px solid black;*/
	position: relative;
}

.city img {
	width: 240px;
	height: 200px;
	/*鼠标手属性*/
	cursor: pointer;
}

.city h3 {
	padding: 6px;
}

.city p {
	padding: 6px;
}

.city a {
	margin-left: 28px;
	/*鼠标手属性*/
	cursor: pointer;
}

.Introduction {
    color:white;
	width: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	bottom: 0;
	font-size: 16px;
	transform: height 0.8s;
}
.city .Introduction p {
	
}



/*******************底部***********/

.bottom {
	height: 100px;
	width: 100%;
	background-color: #28A4C9;
}

